<template>
  <div class="audition119">
    <p>设置<span class="color">width</span>属性</p>
    <p>值有以下几个：</p>
    <p>1. max-content: 内容有多宽就会延申多宽，不管是否超出了父盒子的宽度</p>
    <p>2. min-content: 最小的内容是多少，宽度就是多少。比如一行字体，最小内容宽度就是一个字的宽度，那么盒子宽度就是一个字的宽度</p>
    <p>3. fit-content: 在不超出父盒子宽度的情况下，尽量延申宽度满足自身需求</p>
  </div>
</template>

<script>
export default {
  name: 'Audition119',
}
</script>

<style>

</style>